<!DOCTYPE html>
<html
  layout:decorator="components/layout"
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  xmlns:th="http://www.thymeleaf.org"
>
<head>
  <title>非法信息统计</title>
</head>
<body>
<div
  layout:fragment="content"
  id="app" v-cloak
>
  <!--引入边框角-->
  <div class="container">
    <div class="myHeader">
      <div class="myHeader-title">
        非法信息统计
      </div>
      <div class="myHeader-tool">
        统计日期:
        <el-date-picker
          type="date"
          v-model="dateNow"
          placeholder="选择日期"
          @change="changeDateNow"
          :clearable="false"
          size="mini"
        >
        </el-date-picker>

        <el-select v-model="dateType" @change="changeDataType" placeholder="请选择" size="mini" clearable>
          <el-option v-for="[key,val] in fieldFormatter.domainArchive.dataTypeMap" :label="val" :key="key" :value="key">
          </el-option>
        </el-select>
      </div>
    </div>
    <!--图标内容-->
    <v-chart
      :options="options"
      :auto-resize="true"
      style="width: 100%"
    ></v-chart>
  </div>
</div>
<div layout:fragment="js">
  <script src="/static/js/lib/echarts/echarts.js"></script>
  <script src="/static/js/lib/echarts/v-echarts/vue-echarts.js"></script>
  <script src="/static/js/common/business/initVECharts.js"></script>
  <script src="/static/js/module/report-statistics/common/EChartsReportUtils.js"></script>
  <script src="/static/js/module/report-statistics/common/BaseReportApi.js"></script>
  <script src="/static/js/module/report-statistics/common/createBaseReportVue.js"></script>
  <script src="/static/js/module/report-statistics/model/RIllegalInfo.js"></script>
  <script src="/static/js/module/report-statistics/api/rIllegalInfoApi.js"></script>
  <script src="/static/js/module/report-statistics/admin_plot_illegal.js"></script>
</div>
</body>
</html>
